// // Ionic Variables and Theming. For more info, please see:
// // http://ionicframework.com/docs/v2/theming/
// // Font path is used to include ionicons,
// // roboto, and noto sans fonts
$font-path: "../assets/fonts";
// // The app direction is used to include
// // rtl styles in your app. For more info, please see:
// // http://ionicframework.com/docs/theming/rtl-support/
$app-direction: ltr;
@import "ionic.globals";
// // App iOS Variables
// // --------------------------------------------------
// // iOS only Sass variables can go here
// // Change the checkbox checkmark color
// $checkbox-ios-icon-checkmark-color:   #fff;
// // Used to show the status bar for component demos
// $cordova-ios-statusbar-padding:       20px;
// // App Material Design Variables
// // --------------------------------------------------
// // Material Design only Sass variables can go here
// // Change the toolbar background color
// $toolbar-md-background:                   color($colors, primary);
// // Change the color of the segment button text
// $toolbar-md-active-color:                 #fff;
// // Change the checkbox checkmark color
// $checkbox-md-icon-checkmark-color:        #fff;
// // Used to show the status bar for component demos
// $cordova-md-statusbar-padding:           29px;
// // App Windows Variables
// // --------------------------------------------------
// // Windows only Sass variables can go here
// // Used to show the status bar for component demos
// $cordova-wp-statusbar-padding:           31px;
// // App Theme
// // --------------------------------------------------
// // Ionic apps can have different themes applied, which can
// // then be future customized. This import comes last
// // so that the above variables are used and Ionic's
// // default are overridden.
@import "ionic.theme.default";
// // Ionicons
// // --------------------------------------------------
// // The premium icon font for Ionic. For more info, please see:
// // http://ionicframework.com/docs/v2/ionicons/
@import "ionic.ionicons";
// // Fonts
// // --------------------------------------------------
// // Roboto font is used by default for Material Design. Noto sans
// // is used by default for Windows.
@import "roboto";
@import "noto-sans";
// // Global Styles
// // --------------------------------------------------
// // Styles that apply to the entire app
// body, body:hover, body a, body button, body media-switch {
//   cursor: url('http://ionicframework.com/img/finger.png') 8 8, auto;
// }
body ion-app {
    overflow: visible;
}


ion-scroll {
    width: 100%;
    height: 100%;
}

body.has-scrollbar scroll-content {
    margin-right: -15px;
}

body.has-scrollbar ion-menu scroll-content {
    margin-right: 0;
}

scroll-content {
    overflow-y: scroll;
}

.statusbar-img {
    display: none;
}

// // App iOS Styles
// // --------------------------------------------------
// // iOS only styles can go here
// .ios {
//   // iOS Status Bar
//   //---------------------------
//   .statusbar-img-ios {
//     display: block !important;
//     position: absolute;
//     background-color: transparent;
//     padding: 5px 0;
//     top: 0px;
//     width: 100%;
//     height: auto;
//     z-index: 999;
//   }
//   .tabs-icon-text tabbar {
//     .tab-button[aria-selected=true],
//     .tab-button:hover:not(.disable-hover) {
//       color: #7e60ff;
//     }
//   }
// }
// // App Material Design Styles
// // --------------------------------------------------
// // Material Design only styles can go here
// .md {
//   // Android Status Bar
//   //---------------------------
//   .statusbar-img-md {
//     display: block !important;
//     position: absolute;
//     background-color: transparent;
//     top: 0px;
//     width: 100%;
//     height: auto;
//     z-index: 999;
//   }
//   .tabs-icon-text ion-title div.toolbar-title {
//     color: #fff !important;
//   }
//   .tabs-icon-text tabbar {
//     background-color: #7e60ff;
//     a {
//       color: #fff !important;
//     }
//   }
//   .tabs-icon-text tab-highlight {
//     color: #fff;
//     background-color: #fff;
//   }
// }
// // App Windows Styles
// // --------------------------------------------------
// // Windows only styles can go here
// .wp {
//   // Windows Status Bar
//   //---------------------------
//   .statusbar-img-wp {
//     display: block !important;
//     position: absolute;
//     background-color: transparent;
//     padding: 5px 0;
//     top: 0px;
//     width: 100%;
//     height: auto;
//     z-index: 999;
//   }
// }
$toolbar-md-button-color:#CCC;
$toolbar-ios-button-color:#ccc;
$searchbar-ios-toolbar-input-backgroun:#FFF;

.content-ios {
    background-color: #EEEEEE;
}
$imgurl:'../assets/imgs/';
@import "./common.scss";

// Import Videogular2 fonts
// --------------------------------------------------
@import "../assets/fonts/videogular.scss";